<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/travel-strategy.css">
    <link rel="stylesheet" href="./css/reset.css">
    <title>旅游攻略</title>
</head>

<body>
    <div class="header">
        <div class="head-logo">
            <a class="mfw-logo" href="javascript:;" title="马蜂窝自由行">
                <img src="./images/header-sprites15@2x.png" alt="">
            </a>
        </div>
        <ul class="head-left-nav">
            <li class="head-nav-item">
                <a href="./home.html" class="nav-item ">首页</a>
            </li>
            <li class="head-nav-item">
                <a href="./destination.html" class="nav-item">目的地</a>
            </li>
            <li class="head-nav-item">
                <a href="javascript:;" class="nav-item nav-first">旅游攻略</a>
            </li>
            <li class="nav-sales">
                <a href="./toTravel.html" class="sales-item">去旅行</a>
                <ul id="nav-sales">
                    <li><a href="./toTravel.html" class="sales-li-a">自由行</a></li>
                    <li><a href="./toTravel_packageTour.html" class="sales-li-a">跟团游</a></li>
                    <li><a href="javascript:;" class="sales-li-a">当地游</a></li>
                    <li><a href="javascript:;" class="sales-li-a">游轮</a></li>
                    <li><a href="./toTravel-visa.html" class="sales-li-a">签证</a></li>
                </ul>
            </li>
            <li class="head-nav-item">
                <a href="./ticket.html" class="nav-item">机票火车票</a>
            </li>
            <li class="head-nav-item">
                <a href="./hotel.html" class="nav-item">订酒店</a>
            </li>
            <li class="nav-community">
                <a href="javascript:;" style="cursor: default;" class="community-item">社区</a>
                <div class="panel-wrapper">
                    <ul class="list-left">
                        <li><a href="javascript:;">问答</a></li>
                        <li><a href="javascript:;">马蜂窝周边</a></li>
                        <li><a href="javascript:;">蜂首</a></li>
                        <li><a href="javascript:;">结伴</a></li>
                    </ul>
                    <ul class="list-right">
                        <li><a href="javascript:;">小组论坛</a></li>
                        <li><a href="javascript:;">分舵同城</a></li>
                        <li><a href="javascript:;">马蜂窝拍卖行</a></li>
                        <li><a href="javascript:;">照片PK</a></li>
                        <li><a href="javascript:;">真人兽</a></li>
                        <li><a href="javascript:;">道具商店</a></li>
                    </ul>
                </div>
            </li>
            <li class="head-nav-item">
                <a href="./tourist.html" class="nav-item mfwzx">
                    <img src="./images/mfwzx.png" alt="">
                </a>
            </li>
        </ul>
        <div class="head-search">
            <input type="text">
            <i></i>
        </div>
        <ul class="head-right-nav">
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;"></a></li>
            <li><a href="javascript:;">登录</a></li>
            <li><span>|</span></li>
            <li><a href="javascript:;">注册</a></li>
        </ul>
    </div>

    <div class="focus clearfix">
        <div class="mdd-nav">
            <div class="gonglve-nav">
                <div class="nav-item">
                    <div class="nav-title">
                        <h3>海外冬季目的地精选</h3>
                        <b class="gn-arrow"></b>
                    </div>
                    <div class="nav-panel">
                        <ol>
                            <li><em class="rank-num">1</em><strong>北海道</strong><a>在皑皑白雪中泡温泉</a></li>
                            <li><em class="rank-num">2</em><strong>冰岛</strong><a>亲近极北之地的莫测极光</a></li>
                            <li><em class="rank-num">3</em><strong>澳大利亚</strong><a>在南半球过个暖洋洋的圣诞</a></li>
                            <li><em class="rank-num">4</em><strong>洛杉矶</strong><a>阳光加州，避寒圣地</a></li>
                            <li><em class="rank-num">5</em><strong>新加坡</strong><a>活力四射的花园之城</a></li>
                            <li><em class="rank-num">6</em><strong>斯里兰卡</strong><a>便利签证，异域风情</a></li>
                            <li><em class="rank-num">7</em><strong>帕劳</strong><a>潜水者的朝圣地</a></li>
                            <li><em class="rank-num">8</em><strong>缅甸</strong><a>踏上佛国净化之旅</a></li>
                            <li><em class="rank-num">9</em><strong>菲律宾</strong><a>徜徉海岛间，潜入深海中</a></li>
                            <li><em class="rank-num">10</em><strong>迪拜</strong><a>沙漠中的奇迹之城</a></li>
                        </ol>
                    </div>
                </div>
                <div class="nav-item">
                    <div class="nav-title">
                        <h3>国内冬季目的地精选</h3>
                        <b class="gn-arrow"></b>
                    </div>
                    <div class="nav-panel">
                        <ol>
                            <li><em class="rank-num">1</em><strong>漠河</strong><a>至寒圣地的极光约会</a></li>
                            <li><em class="rank-num">2</em><strong>黄山</strong><a>银装素裹秒杀菲林季</a></li>
                            <li><em class="rank-num">3</em><strong>海螺沟</strong><a>冰川温泉的童话世界</a></li>
                            <li><em class="rank-num">4</em><strong>壶口瀑布</strong><a>绝美的冰瀑玉壶奇观</a></li>
                            <li><em class="rank-num">5</em><strong>西岭雪山</strong><a>成都周边最大滑雪场</a></li>
                            <li><em class="rank-num">6</em><strong>西双版纳</strong><a>聆听欣赏原生生态歌舞</a></li>
                            <li><em class="rank-num">7</em><strong>霞浦</strong><a>红枫白荻的交相辉映</a></li>
                            <li><em class="rank-num">8</em><strong>广州</strong><a>相约一起喝粤式早茶</a></li>
                            <li><em class="rank-num">9</em><strong>高雄</strong><a>暖冬初阳遇最美台湾</a></li>
                            <li><em class="rank-num">10</em><strong>三亚</strong><a>去热带海滩逃离寒冬</a></li>
                        </ol>
                    </div>
                </div>
                <div class="nav-item">
                    <div class="nav-title">
                        <h3>奔向海岛</h3>
                        <b class="gn-arrow"></b>
                    </div>
                    <div class="nav-panel">
                        <ol>
                            <li><em class="rank-num">1</em><strong>象岛</strong><a>腻了普吉，来象岛玩个深度</a></li>
                            <li><em class="rank-num">2</em><strong>巴厘岛</strong><a>巴厘岛免签啦</a></li>
                            <li><em class="rank-num">3</em><strong>毛里求斯</strong><a>印度洋上的海上明珠</a></li>
                            <li><em class="rank-num">4</em><strong>塞班岛</strong><a>错“季”出行，也有惊喜</a></li>
                            <li><em class="rank-num">5</em><strong>长滩岛</strong><a>潜水与蜜月的天堂</a></li>
                            <li><em class="rank-num">6</em><strong>圣托里尼</strong><a>蓝白之城映衬着海风吹佛</a></li>
                            <li><em class="rank-num">7</em><strong>沙美岛</strong><a>如果你厌倦了芭提雅</a></li>
                            <li><em class="rank-num">8</em><strong>杜马盖地</strong><a>找小丑鱼做客去！</a></li>
                            <li><em class="rank-num">9</em><strong>兰卡威</strong><a>海钓、潜水、看蓝天</a></li>
                            <li><em class="rank-num">10</em><strong>沙巴</strong><a>这里有世界上最美的落日</a></li>
                        </ol>
                    </div>
                </div>
                <div class="nav-item">
                    <div class="nav-title">
                        <h3>主题推荐</h3>
                        <b class="gn-arrow"></b>
                    </div>
                    <div class="nav-panel nav-panel-last">
                        <dl class="clearfix">
                            <dt>骑行</dt>
                            <dd>海南</dd>
                            <dd>青海湖</dd>
                            <dd>敦煌</dd>
                            <dd>漠河</dd>
                            <dd>台湾</dd>
                            <dd>北京</dd>
                            <dd>杭州</dd>
                            <dd>双廊</dd>
                            <dd>婺源</dd>
                            <dd>阿尔山</dd>
                            <dd>法国</dd>
                            <dd>厦门</dd>
                            <dd>阳朔</dd>
                            <dd>香格里拉</dd>
                            <dd>太湖</dd>
                            <dd>西藏</dd>
                            <dd>大理</dd>
                            <dd>成都</dd>
                            <dd>乌鲁木齐</dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>潜水</dt>
                            <dd> 沙巴</dd>
                            <dd> 三亚</dd>
                            <dd> 斐济</dd>
                            <dd> 巴厘岛</dd>
                            <dd> 长滩岛</dd>
                            <dd> 马尔代夫</dd>
                            <dd> 苏梅岛</dd>
                            <dd> 普吉岛</dd>
                            <dd> 夏威夷</dd>
                            <dd> 巴拉望</dd>
                            <dd> 马来西亚</dd>
                            <dd> 兰卡威</dd>
                            <dd> 埃及</dd>
                            <dd> 印度尼西亚</dd>
                            <dd> 泰国</dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>徒步</dt>
                            <dd> 尼泊尔</dd>
                            <dd> 虎跳峡</dd>
                            <dd> 喀纳斯</dd>
                            <dd> 墨脱</dd>
                            <dd> 小五台</dd>
                            <dd> 贡嘎雪山</dd>
                            <dd> 海陀山</dd>
                            <dd> 海螺沟</dd>
                            <dd> 雨崩</dd>
                            <dd> 三峡</dd>
                            <dd> 阳朔</dd>
                            <dd> 新都桥</dd>
                            <dd> 楠溪江</dd>
                            <dd> 梅里雪山</dd>
                            <dd> 野三坡</dd>
                            <dd> 西双版纳</dd>
                        </dl>
                        <dl class="clearfix">
                            <dt>登山</dt>
                            <dd> 珠穆朗玛峰</dd>
                            <dd> 乞力马扎罗</dd>
                            <dd> 牛背山</dd>
                            <dd> 太白山</dd>
                            <dd> 四姑娘山</dd>
                            <dd> 雁荡山</dd>
                            <dd> 云台山</dd>
                            <dd> 三清山</dd>
                            <dd> 普陀山</dd>
                            <dd> 庐山</dd>
                            <dd> 海陀山</dd>
                            <dd> 小五台</dd>
                            <dd> 华山</dd>
                            <dd> 泰山</dd>
                            <dd> 黄山 </dd>
                            <dd> 武功山</dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="input_like">
                <div>
                    <span></span>
                    <input id="search_word" type="text" placeholder="请输入想去的地方，如:香港">
                </div>
            </div>
            <div class="app_d">
                <h3><a href="javascript:;"><img src="./images/logo_gonglve.png" alt="" width="50" height="50"></a></h3>
                <div class="domn_in">
                    <h4><a href="javascript:;" target="_blank">马蜂窝自由行APP下载</a></h4>
                    <p>
                        <a style="cursor: auto;">iPhone版</a>
                        <span>|</span>
                        <a style="cursor: auto;">Android版</a>
                        <span>|</span>
                        <a style="cursor: auto;">iPad版</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="slide">
            <ul id="slide_box">
                <li><a href="javascript:;"><img src="./images/lunbo1.png" alt=""></a></li>
                <li><a href="javascript:;"><img src="./images/lunbo2.png" alt=""></a></li>
                <li><a href="javascript:;"><img src="./images/lunbo3.png" alt=""></a></li>
                <li><a href="javascript:;"><img src="./images/lunbo4.png" alt=""></a></li>
                <li><a href="javascript:;"><img src="./images/lunbo5.png" alt=""></a></li>
            </ul>
            <div class="cont">
                <span class="bgColor"></span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <div class="gonglve-wrap clearfix">
        <div class="cont-main">
            <div class="hd clearfix">
                <h3>推荐攻略</h3>
            </div>
            <div class="gl-post">
                <div class="feed-item">
                    <a>
                        <div class="bar clearfix">
                            <span class="stat"><span class="num">395</span> 蜂蜂顶<i class="icon-hand"></i></span>
                            <span class="type"><i class="icon-line"></i>来自 <strong>游记</strong></span>
                        </div>
                        <div class="title">
                            盐城丨这个高铁直达的宝藏小城，春天去最美！
                        </div>
                        <dl class="art clearfix">
                            <dt>
                                <img src="./images/img1.jpg" style="width: 220px;">
                            </dt>
                            <dd>
                                <div class="info">「 盐城春游指南 」按捺不住一颗想出门的心，春天，多好的季节，万物复苏，草长莺飞。
                                    正是百花齐放，姹紫嫣红的好时节。这次换了一个方向和思路，又去了趟盐城，其实自从高铁开通后，越来越多的朋友已经开始在打卡这座宝藏苏北小城。去年自驾过...</div>
                                <div class="ext-r"><span class="author"><img src="./images/img2.jpeg">蓝先生随行记</span><span
                                        class="nums">21369浏览，15评论</span></div>
                            </dd>
                        </dl>
                    </a>
                </div>
                <div class="hr"></div>

                <div class="feed-item">
                    <a>
                        <div class="bar clearfix">
                            <span class="stat"><span class="num">0</span> 蜂蜂体验过<i class="icon-cart"></i></span>
                            <span class="type"><i class="icon-sales"></i>来自 <strong>自由行攻略</strong></span>
                        </div>
                        <div class="title">
                            北美追光 | 一年一度"极光季"，看完就出发吧！
                        </div>
                        <div class="txt">
                            <div class="info">一年一度看极光的最佳季节又到了，快快看完这篇攻略就出发去实现自己的极光愿望吧！</div>
                        </div>
                        <div class="imgs">
                            <ul class="clearfix">
                                <li><img src="./images/img3.jpeg"></li>
                                <li><img src="./images/img4.jpeg"></li>
                                <li><img src="./images/img5.jpeg"></li>

                                <li class="ext-r">2143浏览</li>
                            </ul>
                        </div>
                    </a>
                </div>
                <div class="hr"></div>
                <div class="feed-item">
                    <a>
                        <div class="bar clearfix">
                            <span class="stat"><span class="num">59</span> 蜂蜂顶<i class="icon-hand"></i></span>
                            <span class="type"><i class="icon-line"></i>来自 <strong>游记</strong></span>
                        </div>
                        <div class="title">
                            威斯康星州⎮密尔沃基和麦迪逊，我的自我探寻之旅。（2021.3....
                        </div>
                        <dl class="art clearfix">
                            <dt>
                                <img src="./images/img6.jpg">
                            </dt>
                            <dd>
                                <div class="info">
                                    本篇游记记录了2021年春假期间我开始的美国中部大环线旅途的第一站——威斯康星州的两大城市密尔沃基和麦迪逊的旅程，从芝加哥的2小时短暂停留开始记录，到春绿村的塔里耶森和里奇兰中心赖特设计的仓库为止，本次旅途与前几篇游记不同的是，本篇游记仅仅记...
                                </div>
                                <div class="ext-r"><span class="author"><img
                                            src="./images/img7.jpeg">天硕Timothy</span><span
                                        class="nums">486浏览，23评论</span></div>
                            </dd>
                        </dl>
                    </a>
                </div>
                <div class="hr"></div>
                <div class="feed-item">
                    <a>
                        <div class="bar clearfix">
                            <span class="stat"><span class="num">0</span> 蜂蜂体验过<i class="icon-cart"></i></span>
                            <span class="type"><i class="icon-sales"></i>来自 <strong>自由行攻略</strong></span>
                        </div>
                        <div class="title">
                            美食攻略｜吃一吃，西宁的土
                        </div>
                        <div class="txt">
                            <div class="info">
                                也许你去过很多地方，尝过很多美食，有你了解的、有你留恋的、有你已经淡忘的，那么有一个地方的美食你可曾了解或者好奇呢？这个地方就是“世界屋梁”——青海，的省会，西宁。</div>
                        </div>
                        <div class="imgs">
                            <ul class="clearfix">
                                <li><img src="./images/img8.jpeg" alt=""></li>
                                <li><img src="./images/img9.jpg" alt=""></li>
                                <li><img src="./images/img10.png" alt=""></li>
                                <li class="ext-r">4635浏览</li>
                            </ul>
                        </div>
                    </a>
                </div>
                <div class="hr"></div>
                <div class="feed-item">
                    <a>
                        <div class="bar clearfix">
                            <span class="stat"><span class="num">395</span> 蜂蜂顶<i class="icon-hand"></i></span>
                            <span class="type"><i class="icon-line"></i>来自 <strong>游记</strong></span>
                        </div>
                        <div class="title">
                            盐城丨这个高铁直达的宝藏小城，春天去最美！
                        </div>
                        <dl class="art clearfix">
                            <dt>
                                <img src="./images/img1.jpg" style="width: 220px;">
                            </dt>
                            <dd>
                                <div class="info">「 盐城春游指南 」按捺不住一颗想出门的心，春天，多好的季节，万物复苏，草长莺飞。
                                    正是百花齐放，姹紫嫣红的好时节。这次换了一个方向和思路，又去了趟盐城，其实自从高铁开通后，越来越多的朋友已经开始在打卡这座宝藏苏北小城。去年自驾过...</div>
                                <div class="ext-r"><span class="author"><img src="./images/img2.jpeg">蓝先生随行记</span><span
                                        class="nums">21369浏览，15评论</span></div>
                            </dd>
                        </dl>
                    </a>
                </div>
                <div class="hr"></div>
                <div class="feed-item">
                    <a>
                        <div class="bar clearfix">
                            <span class="stat"><span class="num">0</span> 蜂蜂体验过<i class="icon-cart"></i></span>
                            <span class="type"><i class="icon-sales"></i>来自 <strong>自由行攻略</strong></span>
                        </div>
                        <div class="title">
                            北美追光 | 一年一度"极光季"，看完就出发吧！
                        </div>
                        <div class="txt">
                            <div class="info">一年一度看极光的最佳季节又到了，快快看完这篇攻略就出发去实现自己的极光愿望吧！</div>
                        </div>
                        <div class="imgs">
                            <ul class="clearfix">
                                <li><img src="./images/img3.jpeg"></li>
                                <li><img src="./images/img4.jpeg"></li>
                                <li><img src="./images/img5.jpeg"></li>

                                <li class="ext-r">2143浏览</li>
                            </ul>
                        </div>
                    </a>
                </div>
                <div class="hr"></div>
                <div class="feed-item">
                    <a>
                        <div class="bar clearfix">
                            <span class="stat"><span class="num">59</span> 蜂蜂顶<i class="icon-hand"></i></span>
                            <span class="type"><i class="icon-line"></i>来自 <strong>游记</strong></span>
                        </div>
                        <div class="title">
                            威斯康星州⎮密尔沃基和麦迪逊，我的自我探寻之旅。（2021.3....
                        </div>
                        <dl class="art clearfix">
                            <dt>
                                <img src="./images/img6.jpg">
                            </dt>
                            <dd>
                                <div class="info">
                                    本篇游记记录了2021年春假期间我开始的美国中部大环线旅途的第一站——威斯康星州的两大城市密尔沃基和麦迪逊的旅程，从芝加哥的2小时短暂停留开始记录，到春绿村的塔里耶森和里奇兰中心赖特设计的仓库为止，本次旅途与前几篇游记不同的是，本篇游记仅仅记...
                                </div>
                                <div class="ext-r"><span class="author"><img
                                            src="./images/img7.jpeg">天硕Timothy</span><span
                                        class="nums">486浏览，23评论</span></div>
                            </dd>
                        </dl>
                    </a>
                </div>

                <div class="hr"></div>
                <div class="feed-item">
                    <a>
                        <div class="bar clearfix">
                            <span class="stat"><span class="num">0</span> 蜂蜂体验过<i class="icon-cart"></i></span>
                            <span class="type"><i class="icon-sales"></i>来自 <strong>自由行攻略</strong></span>
                        </div>
                        <div class="title">
                            美食攻略｜吃一吃，西宁的土
                        </div>
                        <div class="txt">
                            <div class="info">
                                也许你去过很多地方，尝过很多美食，有你了解的、有你留恋的、有你已经淡忘的，那么有一个地方的美食你可曾了解或者好奇呢？这个地方就是“世界屋梁”——青海，的省会，西宁。</div>
                        </div>
                        <div class="imgs">
                            <ul class="clearfix">
                                <li><img src="./images/img8.jpeg" alt=""></li>
                                <li><img src="./images/img9.jpg" alt=""></li>
                                <li><img src="./images/img10.png" alt=""></li>
                                <li class="ext-r">4635浏览</li>
                            </ul>
                        </div>
                    </a>
                </div>
                <div class="hr"></div>
                <a class="_j_page_loader"><span>加载更多</span><i></i></a>
            </div>
        </div>

        <div class="sidebar">
            <div class="side-hd">旅游攻略导航</div>
            <div class="nav-drop">
                <div class="drop-item">
                    <div class="trigger">
                        <i></i>
                        国内
                    </div>
                    <div class="drop-pop">
                        <div class="inner">
                            <ul class="clearfix">
                                <li><a>北京（32）</a></li>
                                <li><a>云南（27）</a></li>
                                <li><a>江苏（26）</a></li>
                                <li><a>四川（26）</a></li>
                                <li><a>浙江（21）</a></li>
                                <li><a>广东（19）</a></li>
                                <li><a>河北（16）</a></li>
                                <li><a>台湾（16）</a></li>
                                <li><a>贵州（15）</a></li>
                                <li><a>山东（15）</a></li>
                                <li><a>内蒙古（13）</a></li>
                                <li><a>广西（12）</a></li>
                                <li><a>江西（12）</a></li>
                                <li><a>青海（11）</a></li>
                                <li><a>河南（10）</a></li>
                                <li><a>黑龙江（10）</a></li>
                                <li><a>新疆（10）</a></li>
                                <li><a>安徽（9）</a></li>
                                <li><a>福建（9）</a></li>
                                <li><a>海南（9）</a></li>
                                <li><a>湖北（9）</a></li>
                                <li><a>吉林（9）</a></li>
                                <li><a>甘肃（8）</a></li>
                                <li><a>湖南（8）</a></li>
                                <li><a>山西（8）</a></li>
                                <li><a>陕西（8）</a></li>
                                <li><a>辽宁（6）</a></li>
                                <li><a>澳门（5）</a></li>
                                <li><a>香港（4）</a></li>
                                <li><a>重庆（4）</a></li>
                                <li><a>上海（3）</a></li>
                                <li><a>宁夏（2）</a></li>
                                <li><a>天津（2）</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="drop-item">
                    <div class="trigger">
                        <i></i>
                        国外
                    </div>
                    <div class="drop-pop">
                        <div class="inner">
                            <ul class="clearfix">
                                <li><a> 欧洲（102）</a></li>
                                <li><a>东南亚（73）</a></li>
                                <li><a>北美洲（41）</a></li>
                                <li><a>东亚（27）</a></li>
                                <li><a>大洋洲（23）</a></li>
                                <li><a>南亚（20）</a></li>
                                <li><a>非洲（17）</a></li>
                                <li><a>西亚（7）</a></li>
                                <li><a>南美洲（3）</a></li>
                                <li><a>南极洲（1）</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="drop-item">
                    <div class="trigger">
                        <i></i>
                        主题
                    </div>
                    <div class="drop-pop">
                        <div class="inner">
                            <ul class="clearfix">
                                <li><a> 数据报告（49）</a></li>
                                <li><a>休闲（26）</a></li>
                                <li><a>户外（18）</a></li>
                                <li><a>文化（17）</a></li>
                                <li><a>特别策划（15）</a></li>
                                <li><a>美食（14）</a></li>
                                <li><a>购物（12）</a></li>
                                <li><a>自驾（11）</a></li>
                                <li><a>节庆（11）</a></li>
                                <li><a>必备（9）</a></li>
                                <li><a>观赏（9）</a></li>
                                <li><a>周边（8）</a></li>
                                <li><a>摄影（7）</a></li>
                                <li><a>旅行主义（7）</a></li>
                                <li><a>建筑（5）</a></li>
                                <li><a>家庭（4）</a></li>
                                <li><a>星旅行（3）</a></li>
                                <li><a>滑雪（1）</a></li>
                                <li><a>登山（1）</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="rank">
                <ul>
                    <li class="gl_list">
                        <a><img src="./images/sanya.png" alt="三亚"></a>
                        <p class="time">更新日期:2017-06-06</p>
                        <div class="down_cout">
                            <span></span>
                            <p>3952181人下载</p>
                        </div>
                    </li>
                    <li>
                        <span class="num">2</span>
                        <a>涠洲岛</a>
                    </li>
                    <li>
                        <span class="num">3</span>
                        <a>成都</a>
                    </li>
                    <li>
                        <span class="num">4</span>
                        <a>重庆</a>
                    </li>
                    <li>
                        <span class="num">5</span>
                        <a>南疆</a>
                    </li>
                    <li>
                        <span class="num">6</span>
                        <a>北京</a>
                    </li>
                    <li>
                        <span class="num">7</span>
                        <a>北疆</a>
                    </li>
                    <li>
                        <span class="num">8</span>
                        <a>郴州</a>
                    </li>
                    <li>
                        <span class="num">9</span>
                        <a>喀纳斯</a>
                    </li>
                    <li>
                        <span class="num">10</span>
                        <a>阳朔</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <footer>
        <div class="toolbar">
            <div class="toolbar_item_1">
                <a href="javaScript:;">
                    <i></i>
                    <span>返回顶部</span>
                </a>
            </div>
            <div class="toolbar_item_2">
                <a href="javaScript:;">
                    <i></i>
                    <span>意见反馈</span>
                </a>
            </div>
            <div class="toolbar_item_3">
                <a href="javaScript:;">
                    <i></i>
                    <div class="toolbar_pic_3">
                        <img src="./images/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg" alt="">
                    </div>
                </a>
            </div>
        </div>

        <div class="ft-content">
            <!-- ul加二维码 -->
            <div class="ft-info">
                <dl>
                    <dt>马蜂窝旅游网</dt>
                    <dd>中国年轻代用得更多的旅游网站</dd>
                    <dd>上亿旅行者共同打造的<span>"旅行神器"</span></dd>
                    <dd><span>60,000</span> 多个全球旅游目的地</dd>
                    <dd><span>600,000</span> 个细分目的地新玩法</dd>
                    <dd><span>760,000,000</span> 次攻略下载</dd>
                    <dd><span>38,000</span> 家旅游产品供应商</dd>
                </dl>
                <dl>
                    <dt>关于我们</dt>
                    <dd><span>关于马蜂窝</span><span>联系我们</span></dd>
                    <dd><span>隐私政策</span><span>商标声明</span></dd>
                    <dd>服务协议</dd>
                    <dd>商城平台服务协议</dd>
                    <dd>网络信息侵权通知指引</dd>
                    <dd>马蜂窝旅游网服务监督员</dd>
                    <dd>网站地图<span>加入马蜂窝</span></dd>
                </dl>
                <dl>
                    <dt>旅行服务</dt>
                    <dd>旅游攻略</dd>
                    <dd>酒店预订</dd>
                    <dd>旅游特价</dd>
                    <dd>国际租车</dd>
                    <dd>旅游问答</dd>
                    <dd>旅游保险</dd>
                    <dd>旅游指南</dd>
                    <dd>订火车票</dd>
                    <dd>旅游资讯</dd>
                    <dd>APP下载</dd>
                    <dd><span>旅行商城全球商家入驻</span></dd>
                </dl>
                <div class="pic">
                    <div class="pic-1">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90"
                            alt="">
                        <p>马蜂窝APP<br>扫描立即下载</p>
                    </div>
                    <div class="pic-2">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90"
                            alt="">
                        <p>马蜂窝旅游<br>订阅号</p>
                    </div>
                    <div class="pic-3">
                        <img src="https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90"
                            alt="">
                        <p>马蜂窝良品<br>官方服务号</p>
                    </div>
                </div>
            </div>

            <!-- 旅游之前,先上马蜂窝! -->
            <div class="ft-center">
                <p>旅游之前,先上马蜂窝!</p>
                <ul>
                    <li><a href="#"><i></i></a></li>
                    <li><a href="#"><i></i></a></li>
                </ul>

            </div>

            <!-- 底部信息 -->
            <div class="ft-copyright">
                <div class="ft-copyright-top">
                    <div class="left"></div>
                    <p>@ 2021 Mafengwo.cn 京ICP备11015476号。<img
                            src="https://images.mafengwo.net/images/footer/police_record.png">京公网安备11010502013401号京ICP证110318号
                    </p>
                    <pre>网络出版服务许可证 增值电信业务经营许可证 营业执照广 播电视节目制作经营许可证 网络文化许可证 网上有害信息举报专区 帮助中心</pre>
                    <p>违法和不良信息举报电话: 010- 83416877举报邮箱: mfwjubao@mafengwo.com涉末成年人不良信息专用举报邮箱:
                        wcnjubao@mafengwo.com全国旅游投诉电话: 12301</p>
                    <p>马蜂窝客服 : 国内<span>4006 345-678</span> 海外 <span>+86- 10-8341-6888</span></p>
                </div>
                <!-- 三张图片 -->
                <div class="ft-copyright-bottom">
                    <a href="#"><span class="p1"></span></a><a href="#"><span class="p2"></span></a><a href="#"><span
                            class="p3"></span></a>
                </div>
            </div>
        </div>
    </footer>

    <script src="./js/jquery.min.js"></script>
    <script>
        // 轮播图
        var timerId;
        var index = 0;
        var lis = document.querySelectorAll("#slide_box li")
        var box = document.querySelector(".slide")

        function light(i) {
            for (var j = 0; j < spans.length; j++) {
                lis[j].style.opacity = 0;
                spans[j].className = ""
            }
            lis[i].style.opacity = 1
            spans[i].className = "bgColor"
        }

        function show() {
            index = index >= lis.length - 1 ? 0 : ++index
            light(index)
        }
        timerId = setInterval(show, 3000)

        box.onmouseover = function () {
            clearInterval(timerId)
        }

        box.onmouseout = function () {
            timerId = setInterval(show, 3000)
        }

        var spans = document.querySelectorAll(".cont span")
        for (var i = 0; i < spans.length; i++) {
            spans[i].num = i;
            spans[i].onclick = function () {
                index = this.num
                light(index)
            }
        }

        $(".drop-item").click(function () {
            var index = $(this).index()
            if ($(".drop-pop").eq(index).css("display") == 'none') {
                $(".drop-pop").hide()
                $(".drop-pop").eq(index).show()
                $(".trigger").css({
                    color: '#333',
                    borderBottom: 'none'
                })
                $(".trigger").eq(index).css({
                    color: '#ff9d00',
                    borderBottom: '3px solid #ff9d00'
                })
            }
            else {
                $(".drop-pop").eq(index).hide()
                $(".trigger").css({
                    color: '#333',
                    borderBottom: 'none'
                })
            }
        })
    </script>

    <script>
        $(function () {
            $(".head-search>input").focus(function () {
                $(this).next().css({
                    backgroundPositionY: "-140px",
                })
                $(this).parent().css({
                    left: "574px"
                })
                $(this).css({
                    width: "382px",
                })
            })
            $(".head-search>input").blur(function () {
                $(this).next().css({
                    backgroundPositionY: "-110px"
                })
                $(this).css({
                    width: "110px",
                })
                $(this).parent().css({
                    left: "846px"
                })
            })
        })

        $('.toolbar_item_1').click(function () {
            $('html,body').animate({
                scrollTop: 0
            }, 1000)
        })
        $(".toolbar_item_1").slideUp()
        $(window).scroll(function () {

            if ($(window).scrollTop() >= $(".focus").offset().top) {
                $(".toolbar_item_1").slideDown(600)
            } else {
                $(".toolbar_item_1").slideUp(600)
            }
            // console.log($("footer").offset().top)
            if ($(window).scrollTop() > ($("footer").offset().top) - 700) {
                $('.toolbar').css({
                    position: 'absolute',
                    bottom: 544,
                })
            } else {
                $('.toolbar').css({
                    position: 'fixed',
                    bottom: 20,
                    right: 140,
                })
            }
        })
    </script>
</body>

</html>